<!DOCTYPE html>
<html>
<head>
<title>Your Admin Panel</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


<!-- jQuery AND jQueryUI -->
<script type="text/javascript" src="../jqueryui/js/libs/jquery/jquery-1.11.1.js"></script>
<script type="text/javascript" src="../jqueryui/js/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="../jqueryui/content/settings/style.css" />
<link rel="stylesheet" href="../jqueryui/css/min.css" />
<script type="text/javascript" src="../jqueryui/js/min.js"></script>
<script type="text/javascript" src="../jqueryui/content/settings/main.js"></script>
<script type="text/javascript" src="../jqueryui/js/show_ads.js"></script>
<script type="text/javascript">
<!--
	google_ad_client = "ca-pub-3413404722490728";
	/* postscript728+90postscript.html */
	google_ad_slot = "9238639693";
	google_ad_width = 728;
	google_ad_height = 90;
//-->
</script>
</head>
<body>
	<div class="settings" id="settings">
		<div class="wrapper">
			<div class="grid3">
				<div class="titre">Backgrounds</div>
				<a href="url(css/img/bg.html" class="backgroundChanger active" title="White"></a> <a href="url(css/img/dark-bg.html"
					class="backgroundChanger dark" title="Dark"></a> <a href="url(css/img/wood.html" class="backgroundChanger dark" title="Wood"></a> <a
					href="url(css/img/altbg/smoothwall.html" class="backgroundChanger" title="Smoothwall"></a> <a href="url(css/img/altbg/black_denim.html"
					class="backgroundChanger dark" title="black_denim"></a> <a href="url(css/img/altbg/carbon.html" class="backgroundChanger dark"
					title="Carbon"></a> <a href="url(css/img/altbg/double_lined.html" class="backgroundChanger" title="Double lined"></a>
				<div class="clear"></div>
			</div>
			<div class="grid3">
				<div class="titre">Bloc style</div>
				<a href="black.html" class="blocChanger" title="Black" style="background:url(css/img/bloctitle.png);"></a> <a href="white.html"
					class="blocChanger active" title="White" style="background:url(css/img/white-title.png);"></a> <a href="wood.html" class="blocChanger"
					title="Wood" style="background:url(css/img/wood-title.jpg);"></a>
				<div class="clear"></div>
			</div>
			<div class="grid3">
				<div class="titre">Sidebar style</div>
				<a href="grey.html" class="sidebarChanger active" title="Grey" style="background:#494949"></a> <a href="black.html"
					class="sidebarChanger" title="Black" style="background:#262626"></a> <a href="white.html" class="sidebarChanger" title="White"
					style="background:#EEEEEE"></a>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
		</div>
		<a class="settingbutton" href="#"> </a>
	</div>
	<!--              
                HEAD
                        -->
	<div id="head">
		<div class="left">
			<a href="#" class="button profile"><img src="img/icons/top/huser.png" alt="" /></a> Hi, <a href="#">John Doe</a> | <a href="#">Logout</a>
		</div>
		<div class="right">
			<form action="#" id="search" class="search placeholder">
				<label>Looking for something ?</label> <input type="text" value="" name="q" class="text" /> <input type="submit" value="rechercher"
					class="submit" />
			</form>
		</div>
	</div>


	<!--            
                SIDEBAR
                         -->
	<div id="sidebar">
		<ul>
			<li><a href="index.html"> <img src="img/icons/menu/inbox.png" alt="" /> Dashboard
			</a></li>
			<li class="current"><a href="#"><img src="img/icons/menu/layout.png" alt="" /> Elements</a>
				<ul>
					<li><a href="dashboard.html?p=index">Dashboard</a></li>
					<li class="current"><a href="forms.html?p=forms">Forms</a></li>
					<li><a href="table.html?p=table">Table</a></li>
					<li><a href="tabs.html?p=tabs">Tabs</a></li>
					<li><a href="gallery.html?p=gallery">Gallery</a></li>
					<li><a href="notifications.html?p=notif">Notifications</a></li>
					<li><a href="charts.html?p=charts">Charts</a></li>
					<li><a href="typography.html?p=typo">Typography</a></li>
					<li><a href="icons.html?p=icons">Icons</a></li>
					<li><a href="calendar.html?p=calendar">Calendar</a></li>
				</ul></li>
			<li><a href="#"><img src="img/icons/menu/brush.png" alt="" /> Another submenu</a>
				<ul>
					<li><a href="#">Fake menu #1</a></li>
					<li><a href="#">Fake menu #2</a></li>
					<li><a href="#">Fake menu #3</a></li>
				</ul></li>
			<li><a href="#"><img src="img/icons/menu/brush.png" alt="" /> Infinite sublevel</a>
				<ul>
					<li><a href="#">Fake menu #1</a></li>
					<li><a href="#">Fake menu #2</a></li>
					<li><a href="#">Fake menu #3</a>
						<ul>
							<li><a href="#">Fake menu #1</a></li>
							<li><a href="#">Fake menu #2</a></li>
							<li><a href="#">Fake menu #3</a>
								<ul>
									<li><a href="#">Fake menu #1</a></li>
									<li><a href="#">Fake menu #2</a></li>
									<li><a href="#">Fake menu #3</a></li>
								</ul></li>
						</ul></li>
				</ul></li>
			<li class="nosubmenu"><a href="#"><img src="img/icons/menu/lab.png" alt="" /> This button is useless</a></li>
			<li class="nosubmenu"><a href="modal.html" class="zoombox w450 h700"><img src="img/icons/menu/comment.png" alt="" /> Modal box</a></li>
		</ul>


	</div>




	<!--            
              CONTENT 
                        -->
	<div id="content" class="white">
		<h1>
			<img src="img/icons/posts.png" alt="" /> Forms
		</h1>

		<div class="bloc">
			<div class="title">Simple inputs</div>
			<div class="content">
				<div class="input">
					<label for="input1">Text input</label> <input type="text" id="input1" /> Some informations on how to use this field
				</div>
				<div class="input medium error">
					<label for="input2">Medium input with error</label> <input type="text" id="input2" /> <span class="error-message">This field
						can't be empty !</span>
				</div>
				<div class="input long">
					<label for="input3">Loooooooooong input</label> <input type="text" id="input3" />
				</div>
				<div class="input">
					<label for="file">Upload a file</label> <input type="file" id="file" />
				</div>

				<div class="input">
					<label class="label">Checkboxes</label> <input type="checkbox" id="check1" checked="checked" /><label for="check1" class="inline">This
						is a checkbox</label> <br /> <input type="checkbox" id="check2" /><label for="check2" class="inline">Another one !</label> <br />
				</div>
				<div class="input">
					<label class="label">Radio</label> <input type="radio" id="radio1" name="radiobutton" checked="checked" /><label for="radio1"
						class="inline">This is a radio input</label> <br /> <input type="radio" id="radio2" name="radiobutton" /><label for="radio2"
						class="inline">And this is another radio input</label>
				</div>
				<div class="input">
					<label for="select">This is a "select" input</label> <select name="select" id="select">
						<option value="1">First value</option>
						<option value="2">Second value</option>
						<option value="3">Third value</option>
					</select> Some informations on how to use this field
				</div>
				<div class="input textarea">
					<label for="textarea1">Textarea</label>
					<textarea name="text" id="textarea1" rows="7" cols="4"></textarea>
				</div>
				<div class="submit">
					<input type="submit" value="Enregistrer" /> <input type="reset" value="Black button" class="black" /> <input type="reset"
						value="White button" class="white" />
				</div>
			</div>
		</div>

		<div class="bloc">
			<div class="title">Advanced inputs</div>
			<div class="content"></div>
		</div>

		<div class="bloc">
			<div class="title">Advanced inputs</div>
			<div class="content">
				<div class="input">
					<label for="input4">Datepicker using jQuery UI</label> <input type="text" class="datepicker" id="input4" />
				</div>
				<div class="input textarea">
					<label for="textarea2">Autogrow WYSIWYG Textarea (<a href="https://github.com/akzhan/jwysiwyg">jwysiwyg</a>)
					</label>
					<textarea name="text" id="textarea2" rows="7" class="wysiwyg" cols="4">
                Here you <em>can have</em> some <strong>HTML Content</strong>
            </textarea>
				</div>
				<div class="input">
					<label>Range : $<span></span></label> <input type="text" class="range min-10 max-60" value="35" />
				</div>

				<div class="input">
					<label for="iphonecheck" class="label">Iphone checkbox</label> <input type="checkbox" id="iphonecheck" class="iphone" />
				</div>


			</div>
		</div>

	</div>


</body>
</html>